<template>
  <eb-page>
    <eb-navbar large largeTransparent :title="$text('About')" eb-back-link="Back"> </eb-navbar>
    <f7-toolbar position="bottom">
      <f7-link external target="_blank" href="https://cabloy.com">{{$text('Documentation')}}</f7-link>
      <f7-link external target="_blank" href="https://community.cabloy.com">{{$text('Community')}}</f7-link>
      <f7-link external target="_blank" href="https://github.com/zhennann/cabloy">GitHub</f7-link>
    </f7-toolbar>
    <f7-block-title>{{$text('Welcome to CabloyJS')}}</f7-block-title>
    <f7-block strong>
      <div class="alert-info">{{$text('CabloyAboutTip1')}}</div>
      <p>{{$text('CabloyAboutTip2')}}</p>
      <p>{{$text('CabloyAboutTip3')}}</p>
      <p>{{$text('CabloyAboutTip4')}}</p>
    </f7-block>
  </eb-page>
</template>
<script>
export default {
  data() {
    return {};
  },
};

</script>
<style scoped>
</style>
